<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>响应式静态博客页面</title>
		<!--LINK globalStyle.css-->
		<link rel="stylesheet" type="text/css" href="./css/style.css"/>
		<link rel="stylesheet" href="./css/clock.css" />
		<!--HREF js-->
		<script src="./js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/clock.js" type="text/javascript" charset="utf-8"></script>
		<script src="./js/index.js" type="text/javascript" charset="utf-8"></script>
		
	</head>
	<body>
		<!--SRC clock.wav-->
		<audio src="./music/clock.wav" id="audio"></audio>
		<!--click-->
		<div class="box" id="clock">
		    <!-- 原点 -->
		    <div class="origin"></div>
		    <!-- 时钟数 -->
		    <div class="dot_box">
		        <div class="dot">6</div>
		        <div class="dot">5</div>
		        <div class="dot">4</div>
		        <div class="dot">3</div>
		        <div class="dot">2</div>
		        <div class="dot">1</div>
		        <div class="dot">12</div>
		        <div class="dot">11</div>
		        <div class="dot">10</div>
		        <div class="dot">9</div>
		        <div class="dot">8</div>
		        <div class="dot">7</div>
		    </div>
		    <!-- 时、分、秒针 -->
		    <div class="clock_line hour_line" id="hour_line"></div>
		    <div class="clock_line minute_line" id="minute_line"></div>
		    <div class="clock_line second_line" id="second_line"></div>
		    <!-- 日期 -->
		    <div class="date_info" id="date_info"></div>
		    <!-- 时间 -->
		    <div class="time_info" >
		        <div class="time" id="hour_time"></div>
		        <div class="time" id="minute_time"></div>
		        <div class="time" id="second_time"></div>
		    </div>
		</div>
		<!--header-->
		<header id="main_header">
			
			
			<!--mark-->
			<div>
				<a href="javascript:;">
					<img src="./images/mark.png"/>
				</a>
			</div>
		</header>
		<!--END header-->
		
		<!--nav-->
		<!--main_navigation-->
		<nav id="main_navigation">
			<div class="container">
				<ul class="menu">
					<li>
						<a href="javascript:;">首页</a>
					</li>
					<li>
						<a href="javascript:;">图片</a>
					</li>
					<li>
						<a href="javascript:;">生活</a>
					</li>
					<li>
						<a href="javascript:;">旅游</a>
					</li>
					<li>
						<a href="javascript:;">娱乐</a>
					</li>
					<li>
						<a href="javascript:;">文化</a>
					</li>
					<li>
						<a href="javascript:;">关于自己</a>
					</li>
			</div>
		</nav>
		<!--END main_navigation-->
		<!--choose_navigation-->
		<nav id="choose_navigation">
			<div class="choose">
				<span>下拉选项</span>
			</div>
			<div class="container">
				<ul class="menu">
					<li>
						<a href="javascript:;">首页</a>
					</li>
					<li>
						<a href="javascript:;">图片</a>
					</li>
					<li>
						<a href="javascript:;">生活</a>
					</li>
					<li>
						<a href="javascript:;">旅游</a>
					</li>
					<li>
						<a href="javascript:;">娱乐</a>
					</li>
					<li>
						<a href="javascript:;">文化</a>
					</li>
					<li>
						<a href="javascript:;">关于自己</a>
					</li>
				</ul>
			</div>
		</nav>
		<!--END choose_navigation-->
		<!--END nav-->
		
		<!--section-->
		<section id="content_wrap">
			<div class="container">
				<main class="main_content">
					
					<article class="content">
						<div class="post_head">
							<h1><a href="javascript:;">飞过那一个机场</a></h1>
							<div class="post_meta">
								<span class="author">
									作者：<a href="javascript:;">海密</a>
								</span> •
								<time class="paot_date">
									2016年7月26日
								</time>
							</div>
						</div>
						<div class="post_content">
							<p>我在海南有过一次飞过机场的经历，那是我成为超人的瞬间，我控制不住自己体内的洪荒之力，引发了一场灭世灾难。那是2023年的冬天，外面下着雪，我很冷，没有衣服穿，所以我变成了超人...</p>
						</div>
						<div class="post_read">
							<a href="javascript:;">阅读全文</a>
						</div>
						<div class="footer"></div>
					</article>
					<article class="content">
						<div class="post_head">
							<h1><a href="javascript:;">我想对你说</a></h1>
							<div class="post_meta">
								<span class="author">
									作者：<a href="javascript:;">海密</a>
								</span> •
								<time class="paot_date">
									2016年7月26日
								</time>
							</div>
						</div>
						<div class="post_content">
							<p>这是我第二次骂人的经历，经过这次经历我认识到会骂人是多么有用的技能...</p>
						</div>
						<div class="post_read">
							<a href="javascript:;">阅读全文</a>
						</div>
						<div class="footer"></div>
					</article>
					<article class="content">
						<div class="post_head">
							<h1><a href="javascript:;">Node.js v4 LTS 成为 Ghost 推荐版本</a></h1>
							<div class="post_meta">
								<span class="author">
									作者：<a href="javascript:;">海密</a>
								</span> •
								<time class="paot_date">
									2016年7月26日
								</time>
							</div>
						</div>
						<div class="post_content">
							<p>从这周起，我们将 Ghost 推荐 Node.js 版本升级为 Node.js v4 LTS。 我们这样做其实已经落后于计划了。然而，经过大量测试之后，我们确信 Ghost 可以在 Node.js v4 平台上流畅的运行并且内存消耗比原来也减少了。目前，Ghost(Pro) 上托</p>
						</div>
						<div class="post_read">
							<a href="javascript:;">阅读全文</a>
						</div>
						<div class="footer"></div>
					</article>
					<article class="content">
						<div class="post_head">
							<h1><a href="javascript:;">Node.js v4 LTS 成为 Ghost 推荐版本</a></h1>
							<div class="post_meta">
								<span class="author">
									作者：<a href="javascript:;">海密</a>
								</span> •
								<time class="paot_date">
									2016年7月26日
								</time>
							</div>
						</div>
						<div class="post_content">
							<p>从这周起，我们将 Ghost 推荐 Node.js 版本升级为 Node.js v4 LTS。 我们这样做其实已经落后于计划了。然而，经过大量测试之后，我们确信 Ghost 可以在 Node.js v4 平台上流畅的运行并且内存消耗比原来也减少了。目前，Ghost(Pro) 上托</p>
						</div>
						<div class="post_read">
							<a href="javascript:;">阅读全文</a>
						</div>
						<div class="footer"></div>
					</article>
				</main>
				<aside class="sidebar">
					<div class="widgt">
						<h4 class="title">社区</h4>
						<div class="content_community">
							<p>QQ：792645954</p>
							<p><a href="javascript:;">个人信息</a></p>
							<p><a href="javascript:;">QQ空间</a></p>	
						</div>
					</div>
					<div class="widgt">
						<h4 class="title">旅游社区</h4>
						<a href="javascript:;" class="btn">我的西藏之旅</a>
					</div>
					<div class="widgt">
						<h4 class="title">旅游文化</h4>
						<div class="tag_cloud">
							<a href="javascript:;">带着文化去旅游</a>
							<a href="javascript:;">男人的秘密</a>
							<a href="javascript:;">让你不能停下</a>
							<a href="javascript:;">一直奔跑</a>
							<a href="javascript:;">看飞机飞过我的一生</a>
							<a href="javascript:;">去过大理</a>
							<a href="javascript:;">遇见梦中人</a>
							<a href="javascript:;">希望在前方</a>
						</div>
					</div>
					<div id="hd">
						
						<a href="javascript:;"><img src="./images/h1.jpg" alt="" /></a>
						<a href="javascript:;"><img src="./images/h2.jpg" alt="" /></a>
						<a href="javascript:;"><img src="./images/h3.jpg" alt="" /></a>
						<a href="javascript:;"><img src="./images/h4.jpg" alt="" /></a>
						<a href="javascript:;"><img src="./images/h5.jpg" alt="" /></a>
						
						<div id="sunwukong"></div>
					</div>
				</aside>
			</div>
		</section>
		<!--END section-->
		
		<!--footer-->
		<footer id="main_footer">
			<div class="container">
				<div class="col_sm">
					<div class="widget">
						<h4 class="title">最新文章</h4>
						<div class="recent_post">
							<div class="recent_single_post">
								<a href="javascript:;" class="post_title">如何成为旅游达人</a>
								<div class="date">2016年7月26日</div>
							</div>
						</div>
						<div class="recent_post">
							<div class="recent_single_post">
								<a href="javascript:;" class="post_title">去过的美丽风景</a>
								<div class="date">2016年7月26日</div>
							</div>
						</div>
						<div class="recent_post">
							<div class="recent_single_post">
								<a href="javascript:;" class="post_title">我爱的人在远方</a>
								<div class="date">2016年7月26日</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col_sm">
					<div class="widget">
						<h4 class="title">生活文化</h4>
						<div class="tag_cloud">
							<a href="javascript:;">活着</a>
							<a href="javascript:;">苦处</a>
							<a href="javascript:;">想不说爱你</a>
							<a href="javascript:;">去过西藏，看见佛主</a>
							<a href="javascript:;">想去浪漫的伦敦</a>
							<a href="javascript:;">不要杀我</a>
							<a href="javascript:;">追你就荒废了学业</a>
							<a href="javascript:;">美丽的过去</a>
							<a href="javascript:;">看见你</a>
							<a href="javascript:;">感恩人生</a>
						</div>
					</div>
				</div>
				<div class="col_sm">
					<div class="widget">
						<h4 class="title">魅力风景</h4>
						<div class="tag_cloud">
							<a href="javascript:;">布达拉宫</a>
							<a href="javascript:;">泰山</a>
							<a href="javascript:;">三亚风情</a>
							<a href="javascript:;">美丽昌江</a>
							<a href="javascript:;">看见美色</a>
							<a href="javascript:;">美丽海南槟榔谷</a>
							<a href="javascript:;">又是一年</a>
							<a href="javascript:;">过去的未来</a>
							<a href="javascript:;">想不说都难</a>
							<a href="javascript:;">爱你一万年</a>
						</div>
					</div>
				</div>
			</div>
		</footer>
		<!--END footer-->
		
		<!--bottom-->
		<bottom id="copyright">
			<div class="container">
				<span>我的QQ：<a href="javascript:;">792645954</a></span>|
				<span><a href="javascript:;">微信号：13823748446</a></span>|
				<span>联系我：13823748446</span>|
				<span>C</span>
			</div>
		</bottom>
		<!--END bottom-->
	</body>
</html>
